* {
	margin: 0;
	padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
    min-width: 1000px;
    color: #000;
}
.wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;}
.bl{
    float: left;
    width: 100%;
}
.bl_center{
    width: 1000px;
    margin: 0 auto;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 97px;
    background: url(../img/header.jpg) no-repeat center 0;
}
.cop{
    .bl;
    .logo{
        float: left;
        margin-top: 22px;
    }
    .r{
        float: right;
        margin-top: 28px;
        color: #fff;
        margin-right: 3px;
        .phone{
            float: right;
            font: 600 22px/24px open sans;
            position: relative;
            right: -2px;
        }
        .w{
            float: right;
            clear: right;
            font: 300 11px open sans;
        }
    }
}

/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 117px;
}
h1{
    .bl;
    text-align: center;
    font: 700 35px/35px open sans;
    margin: 60px 0 5px;
}
.des{
    .bl;
    text-align: center;
    font: 300 17px open sans;
}
.lists{
    .bl;
    margin: 70px 0 20px;
    .l{
        float: left;
        width: 500px;
        margin-left: 23px;
    }
    .r{
        float: right;
        width : 400px;
    }
    .box{
        .bl;
        margin-bottom: 50px;
        .tit{
            .bl;
            color: #010101;
            font: 700 17px open sans;
            margin-bottom: 20px;
        }
        li{
            float: left;
            clear: left;
            list-style: none;
            padding: 0 0 5px 35px;
            position: relative;
            &:before{
                content: '>';
                position: absolute;
                left: 12px;
                top: 0;
                color: #33a6dc;
                font: 300 15px open sans;
            }
            a{
                float: left;
                color: #010101;
                font: 300 15px open sans;
                &:hover{
                    color: #33a6dc;
                }
            }
        }
    }
}
.bot{
    width: 794px;
    background: #f2f2f2;
    border-radius: 4px;
    display: block;
    margin: 0 auto 80px;
    overflow: hidden;
    padding: 20px 45px 5px;
    p{
        .bl;
        margin-bottom: 20px;
        text-align: center;
        font: 300 14px open sans;
        span{
            font: 700 14px open sans;
        }
    }
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 100%;
	margin: -117px auto 0;
	height: 117px;
	background: #4e4e4e;
    overflow: hidden;
	position: relative;
    .cop{
        margin-top: 10px;
    }
}
@media(max-width:767px){}
@media(min-width:768px){}
@media(max-width:1002px){
    
}